@import "../bower/ionic/scss/mixins";

@mixin maskBoxImage($value) {
 -webkit-mask-box-image: url(#{$value});
         mask-box-image: url(#{$value});
}

.jr-crop {
  background-color: #000;
  overflow: hidden;
}

.jr-crop-center-container {
  @include display-flex();
  @include justify-content(center);
  @include align-items(center);
  position: absolute;
  width: 100%;
  height: 100%;
}

.jr-crop-img {
  opacity: 0.6;
}

.bar.jr-crop-footer {
  border: none;
  background-color: transparent;
  background-image: none;
}

.jr-crop-select.jr-crop-select-circle {
  @include maskBoxImage("");
}